/* 上下箭头图标 */
<template>
	<view class="sort-icon">
		<u-icon
			style="transform: translateY(2px);"
			name='arrow-up-fill'
			:size="size"
		/>
		<u-icon
			name='arrow-down-fill'
			:size="size"
		/>
	</view>
</template>

<script>
export default {
  props: {
    size: {
      type: Number,
      default: 20
    }
  }
}
</script>

<style lang="scss" scoped>
.sort-icon {
  display: flex;
  flex-direction: column;
  margin: 1px 0 0 5px;
}
</style>
